<template>
    <div>
        <van-search
                v-model="value"
                placeholder="请输入搜索关键词"
                show-action
                shape="round"
                @search="onSearch"
        >
            <div slot="action" @click="onSearch">搜索</div>
        </van-search>
        <van-row class="hd-row" v-for="(item,index) in list" :key="index">
            <van-col span="24" class="title">{{item.name}},{{item.phone}}</van-col>
            <van-col span="24" class="area">{{item.company_name}}</van-col>

            <van-col span="6" class="hd-fore">等级:{{item.level}}</van-col>
            <van-col span="6" class="hd-fore">面积:{{item.area}}</van-col>
            <van-col span="6" class="hd-fore">藏品:{{item.num}}</van-col>
            <van-col span="6" class="hd-fore">流量:{{item.liuliang}}</van-col>

            <van-col span="24" class="alias">{{item.alias}}</van-col>
            <van-col span="24" class="address">{{item.adress}}</van-col>
        </van-row>
    </div>
</template>

<script>
export default {
  data () {
    return {
      list: [
        {
          name: '张鑫',
          phone: '13840598556',
          company_name: '213纪念馆',
          level: '无',
          area: '16600',
          num: 0,
          liuliang: 0,
          adress: '浑南区高坎街道'
        },
        {
          name: '无',
          phone: '024—88765057',
          company_name: '沈阳二战盟军战俘营旧址',
          level: '无',
          area: '12900',
          num: 7,
          liuliang: 7,
          adress: '沈阳市大东区地坛街30-3号'
        },
        {
          name: '袁贵',
          phone: '15140018181',
          company_name: '沈南第一个党支部纪念馆',
          level: '二级',
          area: '8400',
          num: 100,
          liuliang: 4,
          adress: '苏家屯区大沟街道杨城寨村'
        },
        {
          name: '无',
          phone: '13940583444',
          company_name: '秀水河子歼灭战纪念馆',
          level: '无',
          area: '5000',
          num: 200,
          liuliang: 1,
          adress: '秀水河子镇秀水河子村'
        },
        {
          name: '李伟民',
          phone: '13304130166',
          company_name: '东北航空历史纪念馆',
          level: '无',
          area: '3000',
          num: 500,
          liuliang: 5,
          adress: '沈阳市法库县十间房镇财湖机场东北航空历史纪念馆'
        },
        {
          name: '赵倩',
          phone: '02467986241',
          company_name: '周恩来少年读书旧址纪念馆',
          level: '无级别',
          area: '2610',
          num: 37,
          liuliang: 4,
          adress: '沈阳市大东去东顺城街育才巷12号'
        },
        {
          name: '张再武',
          phone: '13504994527',
          company_name: '沈阳审判日本战犯法庭旧址陈列馆',
          level: '无级别',
          area: '1545',
          num: 0,
          liuliang: 4.5,
          adress: '沈阳市皇姑区黑龙江街77号'
        }
      ]
    }
  }
}
</script>

<style scoped>
.title{
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.area{
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
}
.address{
    color: #7d7e80;
    font-size: 12px;
    line-height: 16px;
}
.alias{
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
}
.hd-row{
    padding: 10px 10px 10px 20px;
    border-bottom: 1px solid #d6d6d6;
}
.hd-fore{
    font-size: 12px;
}
</style>
